<!DOCTYPE html>
<html>
	<head>
		<title>CSS Reftest Reference</title>
		<link rel="author" title="Catalin Badea" href="mailto:badea@adobe.com">
		<style>
      #content {
        width: 100px;
        height: 100px;
        background-color: green;
      }
      #region {
        width: 100px;
        height: 100px;
        background-color: gray;
      }
		</style>
	</head>
	<body>
		<ol>
			<li>Test passes if you see a green square in the gray box.</li>
			<li>You should see no red.</li>
		</ol>
		<dialog id="region">
      <div id="content"></div>
    </dialog>
	</body>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      var dialog = document.getElementsByTagName('dialog')[0];
      dialog.showModal();
    });
  </script>
</html>
